// body{
//     background: url(../../assets/imgs/123.jpg) no-repeat;
//     background-size: cover;
//     padding: 30px;
//     & p:nth-of-type(2){
//         color: #cec8d3;
//     }
//     & p:nth-last-of-type(1){
//         bottom: 10%;
//         left: 50%;
//         transform: translateX(-50%);
//     }

// }
// input {
//     width: 100%;
//     height: 40px;
//     border-radius: 20px;
//     background: rgba(204, 204, 204, 0.5);
//     border: 0;
//     color: white;
//     outline: none;
//     padding-left: 10px;

//     &::placeholder {
//         color: #cec8d3;
//     }
// }
// .authCode{
//     input{
//         flex: 6;
//         margin-right: 10px;
//     }
//     canvas{
//         flex: 4;
//         height:40px;
//     }
// }
// .reg-btn {
//     width: 100%;
//     height: 40px;
//     border: 0;
//     line-height: 40px;
//     background: rgba(100, 156, 110, 0.7);
//     border-radius: 20px;
// }
